<template>
  <div>
    <div class="eval-Item">
      <div class="item-left">{{itemName}} </div>
      <div class="palce-holder"></div>
      <div class="item-right" >
         <input class="input-label input" placeholder="请输入内容" v-model="itemValue" >   
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "EvalBasicItem",
  props: {
    itemName : String,
    itemValue : String,
    
  },
  data() {
    return {
      // 怎么做
      disabled : this.itemEditable
    };
  }
};
</script>
<style lang='stylus' scope>
@import '~@/assets/varibles.styl';
  .eval-Item {
    padding .2rem
    border-bottom :.015rem solid #eee
    display: flex;
    background: $headbgcolor;

    .item-left {
      width 2rem
      float: left
      line-height .5rem
      margin-left: 0.2rem
      font-size 15px
      color #000
    }
    .palce-holder{
      flex : 1
    }
    .item-right {
      float: right
      width 3rem    
      margin-right: 0.4rem
    }
    .input-label{
        border: 0 none
        text-align:right
        caret-color $themecolor
        color #333
    }
  }
</style>